.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
body {
    background: #f1f2f7;
}
.head {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    .pxToRem(padding-top,50);
    .pxToRem(padding-bottom,50);
    .pxToRem(font-size,40);
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(90deg, #d5413e, #fc834a);
}
.nr {
    .pxToRem(margin-top,140);
    .pxToRem(padding-top,20);
    .pxToRem(padding-bottom,20);
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .right {
        flex: 1;
        width: 75%;
        .pxToRem(margin-left,15);
        .p1 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .pxToRem(margin-bottom,15);
            .p_sp1{
              .pxToRem(font-size,35);  
            }
            .p_sp2{
              color: #969da4; 
              .pxToRem(margin-right,15); 
            }
        }
        .p2{
            .pxToRem(font-size,25); 
          color: #969da4;    
        }
    }
}
.yj {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    border-bottom: 2px solid #CCCCCC;
    .pxToRem(height,100);
    text-align: center;
    background: #FFFFFF;
    .dl {
        width: 20%;
        text-align: center;
        .dt {
            .pxToRem(height,70);
            .pxToRem(width,180);
            img {
                .pxToRem(height,70);
                .pxToRem(width,70);
            }
        }
        dd {
            text-align: center;
            .pxToRem(width,180);
            .pxToRem(font-size,25);
            .pxToRem(margin-top,5);
        }
    }
}